{% extends "servis/base.html" %}
{%block title %}
Detail zakázky
{%endblock %}
{%block scripts %}
up=0;
us=0;
pozn=0;
up_id =-1;
us_id =-1;
cisloStavu =-1;
function upravStav(id){
	if(!us){
		us =1;
		us_id=id;
		var hodnota = $('td#stav'+ id +'').text();
		$('td#stav'+ id +'').html('<select onChange="ulozNovyStav('+id+')" id="upravovaniStavu" ><option value="-1">Vyberte stav</option> {% for p in vsechnyStavy %}<option		value="{{p.id}}">{{p.nazev}}</option>		{% endfor %}	</select>');

	}	
}	
function ulozNovyStav(id){
	var hodnota = $('#upravovaniStavu').val();
	$.ajax({type: 'POST',
		url: '/servis/ukon-sazebnik/' + id + '/upravit-stav/',
		data: {stav_id: hodnota},
		beforeSend: showProgressBar,
		error: onError,
		success:onSuccess2,
		});

}
function onSuccess2(data){
	$('td#tlacitko'+ up_id + '').html('<input	onClick="pridejPraci('+ up_id+');" type="button"	id="button'+up_id+'" value="Přidej práci na úkonu" />');
	us = 0; 
	$('td#stav'+ us_id + '').html(data);
	$("div#zpravy").html('Položka úspěšně změněna').show();
	window.setTimeout(function(){
			$("div#zpravy").hide("slow")}, 2000);

}

function onSuccess1(data){
	alert(data);
}

function upravPoznamku(id){
	if(!up){
		up_id=id;
		up=1;
		var poznamka = $('td.'+ id +'').text();
		$('td.'+ id + '').html('<textarea id="poznamka'+ id +'" cols="30" rows="3">' + poznamka + '</textarea>');
		$('td#tlacitko'+ id + '').html('<input	onClick="ulozPoznamku('+ id +')" type="button" name="button' + id +'" value="Uložit"/>');
		$("td#poznamka").unbind();
	}
}
function ulozPoznamku(id){
	pozn = $('#poznamka'+ id +'').val();
	$.ajax({type: 'POST',
		url: '/servis/ukon-sazebnik/' + id + '/upravit-poznamku/',
		data: {poznamka: pozn},
		beforeSend: showProgressBar,
		error: onError,
		success:onSuccess,
		});


}
    function showProgressBar(){
	 $("div#zpravy").html('<img src=\"/site_media/images/progress.gif\" /> Ukládání změn').show();
    }

function onSuccess(data) {
			$('td#tlacitko'+ up_id + '').html('<input onClick="pridejPraci(' + up_id +');" type="button" id="button'+ up_id +'" value="Přidej práci na úkonu"	/>');
			up = 0; 
			$('td.'+ up_id + '').html(pozn);
			$("div#zpravy").html('Položka úspěšně změněna').show();
			window.setTimeout(function(){
			$("div#zpravy").hide("slow")}, 2000);
		}

 function onError(request, error, exception){
        $("div#zpravy").html('Zpracování změny se nezdařilo:'+error+'').show();
	window.setTimeout(function(){ 	$("div#zpravy").hide("slow")}, 3000);
	window.setTimeout(function () { document.location.reload() }, 3000);

    }
pocetOtevrenychPraci=0;
function pridejPraci(id){
	if(!pocetOtevrenychPraci){
		$('table#praceNaUkonu').show();
	}
	$('input#button'+id+'').hide();
	pocetOtevrenychPraci=pocetOtevrenychPraci+1;
	$('table#praceNaUkonu'). append('<tr id="tr'+id+'"> <td> <select id="vyberZamestnancu'+ id +'"	name="vyberZamestnancu" > {% for p in	seznamZamestnancu %} <option	value="{{p.id}}">{{p.jmeno}} {{p.prijmeni}}</option>{% endfor %}</select>			</td> <td><input type="text" name="denKonani"		id="denKonani'+ id +'"/></td><td><input type="text" name="zacatekPrace" id="zacatekPrace'+ id +'"/></td><td> <input		type="text" name="konecPrace" id="konecPrace'+ id +'"/></td><td><input type="button"	onClick="zapisPraci('+id+');"	value="Ulož práci na úkonu"/></tr> ');
}
function zapisPraci(id){
	var zamestnanec_id = $('#vyberZamestnancu'+id+'').val();
	var den=$('#denKonani'+id+'').val();
	var zacatek=$('#zacatekPrace'+id+'').val();
	var konec=$('#konecPrace'+id+'').val();

	var reg = /^(\d+)\.(\d+)\.(\d+)$/i;
	var ar = reg.exec(den);
	if(ar==null){
		chyba('Neplatný formát zadaného dnu');
		return;
	}
	var	day = ar[1];
	var	month = ar[2];
	var	year = ar[3];

	reg = /^(\d+):(\d+)$/i;
	var ar1 = reg.exec(zacatek);
	
	if(ar1==null){
		chyba('Neplatný formát zadaného začátku práce');
		return;
	}
	var zacatek_h= ar1[1];
	var zacatek_m= ar1[2];	


	var ar2 = reg.exec(konec);
	if(ar2==null){
		chyba('Neplatný formát zadaného začátku práce');
		return;
	}
	var konec_h= ar2[1];
	var konec_m= ar2[2];	


	$.ajax({type: 'POST',
		url: '/servis/prace-na-ukonu/',
		data: {ukon_id:id, DD: day,MM:month,YY:year, zacatek_h:zacatek_h, zacatek_m:zacatek_m, konec_h:konec_h, konec_m:konec_m, zamestnanec_id:zamestnanec_id},
		beforeSend: showProgressBar,
		error: onError,
		success:onSuccessPraceNaUkonu,
		});
}
function onSuccessPraceNaUkonu(data){
	//id v datech
	var id = data;
	$('tr#tr'+id+'').empty();
	pocetOtevrenychPraci=pocetOtevrenychPraci-1;
	if(!pocetOtevrenychPraci){
		$('table#praceNaUkonu').hide();
	}
	$("div#zpravy").html('Položka úspěšně přidána').show();
	window.setTimeout(function(){	$("div#zpravy").hide("slow")}, 2000);
	$('input#button'+id+'').show();
}
function chyba(popisChyby){
	 $("div#zpravy").html(popisChyby).show();
	window.setTimeout(function(){ 	$("div#zpravy").hide("slow")}, 2000);
}
$(document).ready(function () {
	$("table#praceNaUkonu").hide();
});

{%endblock %}
{%block content %}
{% if zakazka %}
	<table>
		<tr>
			<td><h3>Detail zakázky</h3></td>
			<td> </td>

		</tr>
	</table>
	<table>
	<table>
		<tr>
			<td>Číslo</td><td>{{zakazka.id}}</td>
		</tr>
		<tr>
			<td>SPZ</td><td>{{zakazka.spz}}</td>
		</tr>
		<tr>
			<td>Zákazník</td><td><a
			href="/servis/zakaznik/{{zakazka.zakaznik.id}}/"
			title="Detail
			zákazníka">{{zakazka.zakaznik.jmeno}} {{zakazka.zakaznik.prijmeni}}</a></td>
		</tr>
		<tr>
			<td>Popis</td>
			<td>{{zakazka.popis}}</td>
		</tr>
	</table>
	<h4>Seznam úkonů k zakázce</h4>
	<div id="zpravy">

	</div>
	<table>
	<tr>
	<th width="200">Název</th>
	<th width="300">Popis</th>
	<th width="300">Poznámka</th>
	<th>Cena</th>
	<th>Stav</th>
	<th>Akce</th>
	</tr>
{% for p in ukolyVZakazce %}
<tr onMouseOver="this.bgColor='#BFE4FF';" onMouseOut="this.bgColor='#FFFFFF';">

	<td>{{p.sazebnik.nazev_ukonu}}</td>
	<td>{{p.sazebnik.popis}}</td>
	<td class="{{p.id}}" id="poznamka"
	onClick="upravPoznamku({{p.id}})">{{p.poznamka}}</td>
	<td>{{p.sazebnik.cena}}</td>
	<td id="stav{{p.id}}" onClick="upravStav({{p.id}});">{{p.stav.nazev}}</td>
	<td id="tlacitko{{p.id}}"><input
	onClick="pridejPraci({{p.id}});" type="button"
	id="button{{p.id}}" value="Přidej práci na úkonu" /></td>
</tr>
{% endfor %}

	</table>
		<div> 
			<table id="praceNaUkonu">	
				<tr>
					<th>Zaměstnanec</th>
					<th>Den (DD.MM.YY)</th>
					<th>Začátek
					práce (HH:MM)</th>
					<th>Konec práce(HH:MM)</th>
					<th>Akce</th>
			</table>
		</div>

{% else %}
    <p>Není zakázka </p>
{% endif %}
{%endblock content %}
